.bills-info
{
	flex: 1;
	margin-left: 445px;
	height: 100vh;
	.bills-title
	{
		width: 100%;
		height: 32px;
		line-height: 32px;
		padding: 4px 20px;
		background: #FFF;
		border-bottom: 1px solid #CCC;
		font-size: 20px;
		position: fixed;
		z-index: 9999;
	}
	.order-num
	{
		margin-top: 40px;
		// background: #eee;
		padding: 4px 20px;
		.d-a-a, .d-a-b
		{
			display: flex;
			view
			{
				padding-right: 10px;
				font-size: 12px;
				line-height: 18px;
			}
		}
	}
	.client-box
	{
		padding:10px 0px 10px 20px;
		background: #FFF;
		border-bottom: 1px solid #CCC;
		.client-info
		{
			padding: 10px 0px;
			display: flex;
			.client-img
			{
				width: 40px;
				height: 40px;
				image
				{
					width: 100%;
					height: 100%;
				}
			}
			.info-r
			{
				flex: 1;
				padding-left: 10px;
				.info-a, .info-b
				{
					display: flex;
					align-items: center;
					view
					{
						font-size: 13px;
						line-height: 20px;
						padding-right: 10px;
					}
				}
			}
		}
		.order-info
		{
			padding: 10px 0px;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			.order-no, .order-time
			{
				font-size: 12px;
			}
			.order-shop
			{
				display: flex;
				view
				{
					font-size: 13px;
					line-height: 20px;
					padding-right: 10px;
				}
			}
		}
		.order-note
		{
			display: flex;
			align-items: center;
			justify-content: space-between;
			view
			{
				padding-top: 10px;
				font-size: 12px;
				font-weight: 800;
				text
				{
					font-weight: 500;
				}
			}
		}
	}
	
	.order-list
	{
		overflow-y: auto;
		.item{
			background: #FFF;
			display: flex;
			padding: 10px;
			border-bottom: 1px solid #CCC;
			.item-img
			{
				width: 70px;
				height: 70px;
				image
				{
					width: 100%;
					height: 100%;
				}
			}
			.item-r
			{
				flex: 1;
				padding-left: 10px;
				view
				{
					font-size: 12px;
					line-height: 18px;
					color: #999;
				}
				.i-r-a
				{
					color: #000;
					font-size: 14px;
				}
				.i-r-d
				{
					display: flex;
					align-items: center;
					justify-content: space-between;
					text
					{
						color: #007AFF;
					}
				}
			}
		}
	}
	
	.order-list::-webkit-scrollbar {/*滚动条整体样式*/
		width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
		height: 4px;
		scrollbar-arrow-color:red;
	}
	.order-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		background: rgba(0,0,0,0.2);
		scrollbar-arrow-color:red;
	}
	.order-list::-webkit-scrollbar-track {/*滚动条里面轨道*/
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		border-radius: 0;
		background: rgba(0,0,0,0.1);
	}
	
	button
	{
		margin-top: 400px;
	}
}


